<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <title>学校信息查看与管理系统</title>

    <!-- Bootstrap -->
    <link href="/webjars/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/webjars/jquery/3.5.1/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

    <!--    点击按钮弹出修改表单-->
    <script>
    $('#myModal3').modal(show);

    function deleteStudent(student_id) {
        $('#student_id').val(student_id);
    }
    </script>

</head>
<body>
<!--引入导航条-->
<div th:replace="~{departmentAdminPages/index::nav}"></div>

<!--表格-->
<table class="table table-hover">
    <thead>
    <th>学生姓名</th>
    <th>学生用户名</th>
    <th>学生密码</th>
    <th>学生邮箱</th>
    <th>学生手机号</th>
    <th>学生地址</th>
    <th>操作</th>
    </thead>

    <tr th:each="student:${studentList}">
        <td th:text="${student.student_name}"></td>
        <td th:text="${student.student_username}"></td>
        <td th:text="${student.student_password}"></td>
        <td th:text="${student.student_email}"></td>
        <td th:text="${student.student_phone}"></td>
        <td th:text="${student.student_address}"></td>
        <td><a th:href="@{/grade/departmentAdmin/}+${student.student_id}" th:text="查看该学生成绩"></a>&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-round btn-danger btn-xs" data-toggle="modal" data-target="#myModal3" th:onclick="'javascript:deleteStudent(\''+${student.student_id}+'\');'">删除</button></td>

        <!--确定删除的弹出框-->
          <div class="modal fade" id="myModal3">
                      <div class="modal-dialog">
                      <div class="modal-content">
                      <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title">是否删除该学生(会把学生当前的所有成绩记录删除，并且会以邮箱通知该学生)</h4>
                      </div>
                      <div class="modal-body">
        <form th:method="post" th:action="@{/student}">
            <input type="hidden" name="_method" value="delete" />
            <input type="hidden" name="student_id" id="student_id" value=""/>
            <input type="submit" value="是"/>
        </form>
                      </div>
                      </div>
                      </div>
          </div>

    </tr>

</table>

<div class="form-group" th:if="${#lists.isEmpty(studentList)}">
    <font th:color="red">当前该系还没有学生，请尽快督促学生注册填写信息!</font>
</div>
</body>
</html>